<template>
	<view class="header">
		<view class="content">
			<view>
				<image src='../../static/images/code.png'></image>
			</view>
			<view>
				https://free.modao.cc/app0uGfgyXtY
				f73NmM3leamdM3leam3NmM3Nm69
			</view>
			<text>长按复制二维码</text>
			<view>
				<button class="btn">分享二维码</button>
			</view>
		</view>
		<view class="bj">
			<image src="../../static/images/codebj.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "mycode",
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.bj{
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.header{
		display: flex;
		justify-content:center;
		height: 100vh;
		align-items: center;
	}
	page {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.content{
		width: 100%;
	}

	.btn {
		width: 462upx;
		height: 73upx;
		background-color: #ce9f51;
		border-radius: 35upx;
		display: flex;
		align-items:center;
		justify-content:center;
		color: white;
	}

	.content view:nth-child(2) {
		font-family: PingFang-SC-Regular;
		font-size: 24upx;
		font-weight: normal;
		font-stretch: normal;
		line-height: 39upx;
		letter-spacing: 0rpx;
		color: #666666;
		text-align: center;
	}

	.content {
		width: 570upx;
		height: 778upx;
		background-color: #ffffff;
		box-shadow: 0rpx 4upx 16upx 0rpx rgba(104, 2, 7, 0.35);
		border-radius: 8upx;
		opacity: 0.96;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;

		image {
			width: 460upx;
			height: 460upx;
			border: solid 1rpx rgba(0, 0, 0, 0.1);
		}

		text {
			font-family: PingFang-SC-Regular;
			font-size: 24upx;
			font-weight: normal;
			font-stretch: normal;
			line-height: 39upx;
			letter-spacing: 0rpx;
			color: #666666;
		}
	}
</style>
